<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>职位详情</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/job.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
    /*模态框（修改资料）*/
    .modal-dialog{
        position: absolute!important;
        width: 90%!important;
        left: 5%!important;
        top: 50%;
        margin: -90px 0 0;

    }
    .modal-dialog .modal-body {
        position: relative;
        padding: 30px 10px 5px;
        text-align:justify;
    }
    div.modal-footer{
        border-color: #a7dbe6!important;
    }
    .modal-footer button{
        background: #22d673!important;
        border:none;
        width: 100%;
    }
   .footer .btn{
        background: #22d673;
        bottom: 0;
        width: 100%;
        z-index: 60;
        position: fixed;
       color: white;
    }
    .footer a {
        color: white;
         bottom: auto!important;
         width:auto;!important;
        position:relative!important;
    }

</style>
</head>
<body>
<div class="container-fluid">
    <!--header start-->
    <div class="row header">
        <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>职位详情</div>
    </div>
    <!--header end-->

    <!--content start-->
    <div class="row content" id="job-details">
<!--      <div class="content-top">
          <a href="JavaScript:;">
              <div class="box">
                  <img src="../images/hotel-logo.png">
                  <div class="box-content">
                      <h5 align="left">
                          <b>服务员</b>
                          <span class="badge">全职</span>
                            <span class="time">
                                <span class="day">7月12日</span>
                                <span class="hours">
                                    <small style="margin-top: -10px">8:00</small>
                                    <small style="margin-top: 10px">17:00</small>
                                </span>
                            </span>
                      </h5>
                      <h6>
                          <span>悦华大酒店</span>
                          <span class="status">全天</span>
                      </h6>
                      <h6 class="hotel-address"><img src="../images/location-icon.png"><span id="hotel-address">上海市悦华大酒店</span></h6>
                  </div>
              </div>
          </a>
         </div>
        <div class="content-bottom">
             <div class="box" style="margin-top: 0">
               <h6 class="box-head">
                   <img src="../images/job-details-logo.png">
                   <span style="margin-left: 5px">职位详情</span>
               </h6>
                 <div class="job-details-content">
                     <ol>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                     </ol>
                     <h6 align="center" style="color: #22d673"><span class="glyphicon glyphicon-chevron-down" ></span></h6>
                 </div>
             </div>
             <div class="box">
                 <h6 class="box-head">
                     <img src="../images/skills-required.png">
                     <span style="margin-left: 5px">技能要求</span>
                 </h6>
                 <div class="job-details-content">
                     <ol>
                         <li>熟悉酒店服务（传菜）员工作流程</li>
                         <li>会开酒水</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                     </ol>
                     <h6 align="center" style="color: #22d673"><span class="glyphicon glyphicon-chevron-down" ></span></h6>
                 </div>
             </div>
             <div class="box">
               <h6 class="box-head">
                   <img src="../images/clothes-logo.png">
                   <span style="margin-left: 5px">服装要求</span>
               </h6>
                 <div class="job-details-content">
                     <ol>
                         <li>必须穿森淼规定的服装（可在森淼商城购买）</li>
                         <li>必须穿森淼规定的服装（可在森淼商城购买）</li>
                         <li>必须穿森淼规定的服装（可在森淼商城购买）</li>
                     </ol>
                     <h6 align="center" style="color: #22d673"><span class="glyphicon glyphicon-chevron-down" ></span></h6>
                 </div>
             </div>
             <div class="box" style="padding-bottom: 5px;">
               <h6 class="box-head">
                   <img src="../images/personel-active.png">
                   <span style="margin-left: 5px">联系人</span>
               </h6>
                 <div class="job-details-content">
                    <div class="phone">
                        <img src="../images/head-sculpture.png">
                        <div class="phone-content">
                            <h6 >张华<a href="JavaScript:;" style=" font-size: 20px ;color: #22d673; float: right;margin-top: 10px" class="glyphicon  glyphicon-earphone"></a></h6>
                            <h6>岗位</h6>
                        <div>
                    </div>
                 </div>
             </div>
         </div>
             </div>
             <div class="box" >
               <p style="opacity: 0.7;padding: 5px">
                   备注：此岗位要求必须穿酒店服装，所以自己的服装不用带，另外今天客人比较特殊，请报名人员注意自己的打扮
                   !
               </p>
             </div>
             </div>-->
    </div>
    <!--content end-->

    <!--footer start-->
    <div class="row footer">
        <button disabled class="btn btn-submit" ><a  data-toggle="modal"  href="#show-rule" >立即报名</a></button>
    </div>

    <!--footer end-->

    <!--modal start-->

    <div class="modal fade " id="show-rule" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <p>
                        参加此职位必须遵循森淼管理规章制度
                        参加此职位必须遵循森淼管理规章制度
                        参加此职位必须遵循森淼管理规章制度
                    </p>
                </div>
                <div class="modal-footer" style="padding: 15px 20%">
                    <button  class="btn btn-sure" data-dismiss="modal" >
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!--modal end-->

</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../js-data/common/template.js"></script>
<script src="../js-data/job.details.js"></script>
<script src="../js/common/common.js"></script>
<script>

    var a_element='<a  data-toggle="modal"  href="#show-rule" >立即报名</a>';

    var url1 = location.search;
    if (url1.indexOf("?") != -1) {
        var id = url1.substr(4);}

    var url0 = server + '/server/users/signUpMessage.json';
    var url = server + '/server/users/signUp.json';
    var args = {"workMessageId":id};

    $.post(url0, args, function (data) {
        if (data.code == 21100) {
            $('.btn-submit').prop('disabled',false).html($(a_element));
        }
        else{
             $('.btn-submit').prop('disabled',true).html('不可报名');
        }
    });




    document.getElementsByClassName('btn-sure')[0].onclick = function () {

        $.post(url, args, function (data) {
            if (data.code == 20000) {
                alert("报名成功");
/*                     window.location.replace('./index.html');*/
            }
            else{
                alert("报名失败");
            }
        });




    }
</script>
</html>